.el-button + .el-button {
    margin-left: 16px !important;
}

.el-button--large {
    padding: 12px 24px !important;
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
}

.el-scrollbar__bar.is-horizontal {
    &.q-scroll__el-scrollbar__bar {
        position: static;
        padding-top: 10px;
    }
}

.el-scrollbar__thumb {
    background: var(--q-bg-scrollbar-thumb);
    opacity: unset;
}

.el-scrollbar__thumb:hover {
    opacity: unset;
}

.el-button + .el-button {
    margin-left: var(--q-button-spacing) !important;
}

.el-link.el-link--primary {
    --el-link-disabled-text-color: var(--q-color-info-light-5);
}

.el-table {
    --el-table-header-bg-color: var(--q-bg-color-table);
    --el-table-current-row-bg-color: var(--q-table-hover-bg-color);
    --el-table-row-hover-bg-color: var(--q-table-hover-bg-color);
}

.header-sticky {
    .el-table__header-wrapper {
        position: sticky;
        top: 47px;
        z-index: 12;
    }
}

/* 表单 */
.el-date-editor {
    --el-date-editor-width: 100%;
}

/* el loading 加载 */
.el-loading-spinner {
    height: 50px;
    background-image: var(--q-loading-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px 50px;
}

.el-loading-spinner .circular {
    /* 隐藏 之前  element-ui  默认的 loading 动画 */
    display: none;
}

.el-loading-spinner .el-loading-text {
    position: relative;
    top: 45px;
}

.dropdown-level--demote {
    z-index: 13 !important;
}

.is-error {
    @include share-rule(shadow) {
        box-shadow: 0 0 0 1px var(--el-color-danger) inset !important;
    }

    .el-table {
        overflow: visible;
        box-shadow: 0 0 0 1px var(--el-color-danger);
    }

    .el-input__wrapper {
        @include extend-rule(shadow);
    }

    .el-textarea__inner {
        @include extend-rule(shadow);
    }

    .el-select__wrapper {
        @include extend-rule(shadow);
    }
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 20px !important;
}

.el-table {
    position: relative;
    height: inherit;
    overflow: initial;

    .el-table__header-wrapper {
        .el-table__header {
            .cell {
                display: flex;
                align-items: center;
            }

            .caret-wrapper {
                --el-text-color-placeholder: var(--el-table-header-text-color);

                margin-left: 4px;

                .sort-caret {
                    cursor: pointer !important;
                }
            }

            .el-table__column-filter-trigger {
                margin-left: 8px;

                .el-icon {
                    svg {
                        display: none;
                    }

                    &::after {
                        font-family: iconfont, sans-serif;
                        color: var(--el-table-header-text-color);
                        content: '\e68c';
                    }
                }
            }
        }
    }

    .sort-caret.descending {
        bottom: -7px;
    }

    .sort-caret {
        border: solid 6px transparent;
    }
}

.el-input .el-input__count .el-input__count-inner {
    padding-left: 0;
    font-size: 12px;
}

.el-input-number .el-input__inner {
    text-align: left;
}

.el-input-number {
    width: 100%;
}

.shadow-table {
    &::after {
        position: absolute;
        top: 0;
        right: -10px;
        bottom: 0;
        z-index: 12;
        width: 1px;
        height: 100%;
        content: '';
        background-color: transparent;
        box-shadow: -14px 0 8px rgb(0 0 0 / 40%);
    }
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 0;

    &::after {
        display: none;
    }
}

.children-active {
    transform: translateX(360px);
}

/* tabs 标签 */
.el-tabs {
    --el-tabs-header-height: 46px !important;
}

.el-popup-parent--hidden {
    overflow: hidden;
}

.el-tabs__nav-wrap::after {
    opacity: 0.4;
}

/* drawer 抽屉 */
.el-drawer {
    background: var(--q-bg-color) !important;
    border-left: 1px solid var(--q-drawer-border-color);

    .el-drawer__header {
        padding: 12px 24px;
        margin-bottom: 0;
        font-weight: 500;
        color: var(--q-text-color-primary);
        border-bottom: 1px solid var(--q-drawer-border-color);
    }

    .el-drawer__body {
        padding: 16px 24px;
        overflow: hidden;
    }
}

.el-drawer__close-btn {
    transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

    &:hover {
        transform: rotate(180deg);
    }
}

/* 单选框， 复选框 */
.el-radio__input.is-disabled + span.el-radio__label {
    color: var(--q-color-info-light-8);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--q-text-color-primary);
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before,
.el-radio__input.is-disabled.is-checked .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    border-color: var(--q-color-primary);
}

.el-radio__input.is-disabled.is-checked .el-radio__inner,
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
    background: var(--q-color-primary);
}

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    background: #fff;
}

.el-radio__input.is-disabled.is-checked + span.el-radio__label {
    color: var(--q-color-primary);
}

.el-popper {
    text-align: justify;
    word-break: break-all;
    white-space: pre-line;

    &:not(.el-select__popper, .el-picker__popper) {
        max-width: 400px;
    }
}

.el-popover.el-popper {
    min-width: unset;
}

.el-skeleton {
    --el-skeleton-color: var(--q-color-info-light-8);
}

.tree-popper {
    .el-tree-node__content {
        --el-tree-node-content-height: 34px;
    }
}

.popover-scroll {
    max-height: 230px;
    overflow: auto;

    @include scrollbar_y(4px, var(--q-bg-scrollbar-thumb));

    &[data-popper-placement^='top'] {
        transform-origin: bottom center;
    }

    &[data-popper-placement^='bottom'] {
        transform-origin: top center;
    }

    &[data-popper-placement^='left'] {
        transform-origin: right center;
    }

    &[data-popper-placement^='right'] {
        transform-origin: left center;
    }
}

.el-popper.is-dark {
    background-color: var(--q-bg-color-tooptip) !important;

    .el-popper__arrow::before {
        background-color: var(--q-bg-color-tooptip) !important;
    }
}

/* 自定义 select 下拉框底部区域 */
.push-select {
    .el-select-dropdown__footer {
        &:hover {
            cursor: pointer;
            background: #ebf1ff;
        }

        &:active {
            background: rgb(235 241 255 / 60%);
        }
    }
}
